<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>客户列表</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="../assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="../assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_434348_emgmglcth05asjor.css">
    <style>
        .am-tabs-default .am-tabs-nav a {
            color: #fff;
            line-height: 25px;
        }
        .am-tabs-default .am-tabs-nav>.am-active a{
            background:#fff;
            color: #4d4d4d;
        }
        .am-tabs-default .am-tabs-nav>.am-active a>p:first-child{
            background:#ED7745;
            color: #fff;
        }
        .am-selected {
            width: 80px;
        }
        .am-selected-status {
            text-align: left;
            width: 100%;
            display: block;
            word-wrap: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 11px;
            padding: 3px 0px;
        }
        [data-am-widget=tabs] {
            /* margin: 10px; */
        }
        .am-selected-btn.am-btn-default {
            background: #fff;
        }
        .am-dropdown>button{
            border-radius: 30px;
            outline: none;
        }
        .am-btn-primary{
            background: #ed7745;
            border-color: #ed7745;
            border-radius: 30px;
        }
        .am-btn{
            font-size: 0.6rem;
        }
        .am-dimmer{
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.6);
            z-index: 1100;
            opacity: 0;
        }
        .am-dimmer.am-active {
            opacity: 0;
        }
    button{
            outline: none;
            border: none;
}
    </style>
</head>
<body>
<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        客户列表
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="{:url('home/centrality/xinjiankehu')}" style="color:#4d4d4d;">添加</a>
    </div>
</header>
<body>
<!--主要内容-->
<div style="min-height: 100px;border-bottom: 1px solid #eee;background: #fff;">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default" style="margin: 0px;">
        <ul class="am-tabs-nav am-cf" style="background: #fff;margin-top: 20px;border-bottom: 1px solid #eee;">
            <li class="am-active">
                <a href="[data-tab-panel-0]">
                    <p style="margin: 0px;
                                display: inline-block;
                                width: 33px;
                                height: 33px;
                                border-radius: 50%;
                                border: 1px solid;
                                padding: 3px;">
                        <span class="icon iconfont icon-addpeople" style="color:#6F6F6F;font-size: 26px;line-height: 26px;"></span>
                    </p>
                    <p style="margin: 0px;font-size: 14px;color: #4d4d4d;margin-bottom: 20px;">公司客户</p>
                </a>
            </li>
            <li class="">
                <a href="[data-tab-panel-1]">
                    <p style="margin: 0px;
                                display: inline-block;
                                width: 33px;
                                height: 33px;
                                border-radius: 50%;
                                border: 1px solid;padding: 3px;">
                        <span class="icon iconfont icon-shouye" style="color:#6F6F6F;font-size: 26px;line-height: 26px;"></span>
                    </p>
                    <p style="margin: 0px;font-size: 14px;color: #4d4d4d;">公海</p>
                </a>
            </li>
            <li class="">
                <a href="[data-tab-panel-2]">
                    <p style="margin: 0px;
                                display: inline-block;
                                width: 33px;
                                height: 33px;
                                border-radius: 50%;
                                border: 1px solid;padding: 3px;">
                        <span class="icon iconfont icon-naozhong" style="color:#6F6F6F;font-size: 26px;line-height: 26px;"></span>
                    </p>
                    <p style="margin: 0px;font-size: 14px;color: #4d4d4d;">废弃客户</p>
                </a>
            </li>
        </ul>
    <div class="am-tabs-bd" style="border: none;">
        <div data-tab-panel-0 class="am-tab-panel am-active" style="background: #eee;">

                <div class="am-g" style="text-align: center;">
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected style="background: #fff;">
                            <option value="a" selected>全部客户</option>
                            <option value="b">意向客户</option>
                            <option value="o">一般客户</option>
                            <option value="m">重要客户</option>
                            <option value="d">已成交客户</option>
                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>最近更新</option>
                            <option value="b">今天</option>
                            <option value="o">昨天</option>
                            <option value="m">最近七天</option>
                            <option value="d">最近30天</option>
                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>客户阶段</option>
                            <option value="b">初步沟通</option>
                            <option value="o">量尺出图</option>
                            <option value="m">已付定金</option>
                            <option value="d">商品生产</option>
                            <option value="j">交付</option>
                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>责任人</option>
                            <option value="b">责任人1</option>
                            <option value="o">责任人2</option>
                            <option value="m">责任人3</option>
                            <option value="d">责任人4</option>
                        </select>
                    </div>
                </div>

                <div style="min-height: 40px;">
                    <a href="kehuxinxi.html">
                    <div class="am-g" style="background: #fff;margin-top:10px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;color: #ED7745">已量尺</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>转接店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                                        data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            转接成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户画像</button>-->
                            </div>
                        </div>
                    </div>
                    </a>
                    <a href="kehuxinxi.html">
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;color: #ED7745">已量尺</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>转接店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="alert">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            转接成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户画像</button>-->
                            </div>
                        </div>
                    </div>
                    </a>
                    <a href="kehuxinxi.html">
                    <div class="am-g" style="background: #ddd;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;">未录入</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>&nbsp;&nbsp;未录入</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>转接店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="alert1">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            转接成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>-->
                            </div>
                        </div>
                    </div>
                    </a>
                </div>
            </div>
            <div data-tab-panel-1 class="am-tab-panel " style="background: #eee;">
                <div class="am-g" style="text-align: center;">
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>区域</option>
                            <option value="b">区域1</option>
                            <option value="o">区域2</option>
                            <option value="m">区域3</option>
                            <option value="d">区域4</option>
                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>最近更新</option>
                            <option value="b">今天</option>
                            <option value="o">昨天</option>
                            <option value="m">最近七天</option>
                            <option value="d">最近30天</option>
                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>来源渠道</option>
                            <option value="b">网上挖掘</option>
                            <option value="o">线下进店</option>

                        </select>
                    </div>
                    <div class="am-u-sm-3" style="padding: 0px;">
                        <select data-am-selected>
                            <option value="a" selected>高级筛选</option>
                            <option value="b">责任人1</option>
                            <option value="o">责任人2</option>
                            <option value="m">责任人3</option>
                            <option value="d">责任人4</option>
                        </select>
                    </div>
                </div>
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:10px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>分配店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="alert2">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            分配成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户详情</button>-->
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>分配店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="alert3">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            分配成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户详情</button>-->
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <div class="am-dropdown" data-am-dropdown style="border-radius: 30px;">
                                    <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>分配店员 <span class="am-icon-caret-down"></span></button>
                                    <ul class="am-dropdown-content">
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn"
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#" class="am-btn "
                                               data-am-modal="{target: '#my-alert1'}">店员2
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
                                    <div class="am-modal-dialog">
                                        <div class="am-modal-hd">
                                            <img src="../../image/12.png" alt="" style="width: 40px;height: 40px;">
                                        </div>
                                        <div class="am-modal-bd">
                                            分配成功！
                                        </div>
                                        <div class="am-modal-footer">
                                            <span class="am-modal-btn">确定</span>
                                        </div>
                                    </div>
                                </div>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left:10px;">分配客户</button>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-tab-panel-2 class="am-tab-panel " style="background: #eee;">
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:5px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">移交公海</button>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>-->
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">移交公海</button>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>-->
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">移交公海</button>
                                <!--<button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!--底部-->
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background:#fff;border:1px solid #eeeeee;">
        <li >
            <a href="../shouye.html" class="">
                <span class="icon iconfont icon-yijianfankui" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">数据</span>
            </a>
        </li>
        <li>
            <a href="../xiaoxi/xiaoxi.html" class="">
                <span class="icon iconfont icon-xiaoxizhongxin" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">消息</span>
            </a>
        </li>
        <li>
            <a href="../kehuhuaxiang/kehuliebiao.html" class="">
                <span class="icon iconfont icon-dingdan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">客户列表</span>
            </a>
        </li>
        <li >
            <a href="../wodezhongxin/wode.html" class="" style="margin-top: 5px;">
                <span class="icon iconfont icon-wodejuhuasuan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">我的</span>
            </a>
        </li>
    </ul>
</div>
</body>
<script src="../../js/jquery.js"></script>

<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../../js/amazeui.min.js"></script>
</body>
</html>